<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>

  <link href="css/bootstrap.css" rel="stylesheet">

  <script src="js/jquery-3.3.1.min.js"></script>
  <script src="js/bootstrap.js"></script>
</head>
<body>
  <div class="col-lg-12" style="height: 150px;"></div>
  <div class="col-lg-4">

    <span class="glyphicon glyphicon-search" aria-hidden="true"></span>
    <span class="glyphicon glyphicon-fire" aria-hidden="true"
          style="color: red;"></span>
    <br>

    <button class="btn btn-danger">
      删除
      <span class="glyphicon glyphicon-trash" aria-hidden="true"></span>
    </button>

  </div>
  <div class="col-lg-4">
    <div class="col-lg-1"></div>
    <div class="col-lg-10">
      <form>
        <div class="col-lg-3">
          <label style="text-align: right">用户名</label>
        </div>
        <div class="col-lg-9">
          <input class="form-control">
        </div>

        <input type="file">
        <br>
        <input type="radio" class="form-control">

        <textarea class="form-control"></textarea>

        <input class="form-control" readonly>

        <input type="button" class="btn btn-default" value="default">
        <br><br>
        <input type="button" class="btn btn-primary" value="primary">
        <br><br>
        <input type="button" class="btn btn-info" value="info">
        <br><br>
        <input type="button" class="btn btn-success" value="success">
        <br><br>
        <input type="button" class="btn btn-warning" value="warning">
        <br><br>
        <input type="button" class="btn btn-danger" value="danger">
        <br><br>


      </form>
    </div>
    <div class="col-lg-1"></div>
  </div>
  <div class="col-lg-4">
    <input type="button" class="btn btn-primary btn-xs" value="default">
    <input type="button" class="btn btn-primary btn-sm" value="default">
    <input type="button" class="btn btn-primary" value="default">
    <input type="button" class="btn btn-primary btn-lg" value="default">


    <br>
    <a class="btn btn-success">这是一个a标签</a>

    <br>

    <button class="btn btn-danger btn-block">btn-block</button>
    <button class="btn btn-danger btn-block active">active</button>
    <button class="btn btn-danger btn-block disabled">disabled</button>


    <br>

    <img class="img-rounded" src="1.jpg" style="width: 60%;">
    <img class="img-circle" src="1.jpg" style="width: 60%;">
    <img class="img-thumbnail" src="1.jpg" style="width: 60%;">



  </div>


</body>
</html>